<template>
<div style="height: 100%">
  <el-row class="tac" style="height: 100%">
    <el-col  style="height: 100%">
      <el-menu
          default-active="2"
          class="el-menu-vertical-demo"
          @open="handleOpen"
          @close="handleClose"
          background-color="#545c64"
          text-color="#fff"
          style="width: 100% ;height: 100%"
          active-text-color="#ffd04b">
        <el-submenu index="1">
          <template slot="title">住宿管理</template>
          <el-submenu index="1-1">
            <template slot="title">住宿调整</template>
            <el-menu-item index="1-1-1" @click="batchAllocation">批量排宿</el-menu-item>
            <el-menu-item index="1-1-2" @click="batchExchange">批量调换</el-menu-item>
            <el-menu-item index="1-1-3" @click="batchCheckout">批量退宿</el-menu-item>
          </el-submenu>
          <el-submenu index="1-2">
            <template slot="title">住宿审核</template>
            <el-menu-item index="1-2-1" @click="auditCheckin">入住审核</el-menu-item>
            <el-menu-item index="1-2-2" @click="auditCheckout">退宿审核</el-menu-item>
          </el-submenu>
        </el-submenu>
        <el-submenu index="2">
          <template slot="title">寝室管理</template>
          <el-menu-item index="2-1" @click="indisciplineAudit">违纪审核</el-menu-item>
        </el-submenu>
        <el-submenu index="3">
          <template slot="title">报表管理</template>
          <el-menu-item index="3-1" @click="dormitoryAdjustment">寝室调整表</el-menu-item>
          <el-menu-item index="3-2" @click="hygieneSituation">卫生情况表</el-menu-item>
          <el-menu-item index="3-3" @click="indisciplineSituation">违纪情况表</el-menu-item>
<!--          <el-menu-item index="3-4" @click="dormitoryScore">寝室评分表</el-menu-item>-->
          <el-menu-item index="3-5" @click="repairSituation">维修情况表</el-menu-item>
        </el-submenu>
      </el-menu>
    </el-col>
  </el-row>
</div>
</template>

<script>

export default {
  methods: {
    handleOpen (key, keyPath) {
      console.log(key, keyPath)
    },
    handleClose (key, keyPath) {
      console.log(key, keyPath)
    },
    batchAllocation () {
      this.$router.push({name: 'batchAllocation.vue'})
    },
    batchCheckout () {
      this.$router.push({name: 'batchCheckout.vue'})
    },
    batchExchange () {
      this.$router.push({name: 'batchExchange.vue'})
    },
    auditCheckin () {
      this.$router.push({name: 'auditCheckin.vue'})
    },
    auditCheckout () {
      this.$router.push({name: 'auditCheckout.vue'})
    },
    indisciplineAudit () {
      this.$router.push({name: 'indisciplineAudit.vue'})
    },
    dormitoryAdjustment () {
      this.$router.push({name: 'dormitoryAdjustment.vue'})
    },
    hygieneSituation () {
      this.$router.push({name: 'hygieneSituation.vue'})
    },
    indisciplineSituation () {
      this.$router.push({name: 'indisciplineSituation.vue'})
    },
    // dormitoryScore () {
    //   this.$router.push({name: 'dormitoryScore.vue'})
    // },
    repairSituation () {
      this.$router.push({name: 'repairSituation.vue'})
    }
  }
}
</script>

<style scoped>

</style>
